<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>轻松批首页--郭淑嫌</title>
    <link rel="stylesheet" href="css/style.css">
    
    </style>
</head>
<body>
       <div class="header"> <!--头部部分-->
           <div class="concent">
               <div class="header_left">
                   <img src="img/logo.png" alt="logo">
                   <span>让批发更轻松</span>
               </div>
               <div class="header_mid">
                   <ul><li><a href="#">首页</a></li>
                       <li><a href="#">服务</a></li>
                       <li><a href="#">定价</a></li>
                       <li><a href="#">关于</a></li></ul>
               </div>
               <div class="header_right">
                   <img src="img/24h.png" alt="24h">
                   <span>12345678</span>
                   <button>立即申请</button>
               </div>
           </div>
       </div>
       <div class="banner"><!--banner部分-->
            <div class="concent">
                <div class="banner_left">
                    <h1>批发，从未如此轻松</h1>
                    <p>重新定义批发，为您连接所有客户</p>
                    <p>拥抱移动互联，助您生意再次腾飞</p>
                    <div class="banner_clear"></div>
                    <span>申请免费使用</span>
                </div>
                <div class="banner_right">
                    <img src="img/天使医护.png" alt="banner">
                </div>
            </div>
       </div>
       <div class="icon"><!--icon部分--></div>
       <div class="advantage"><!--优势部分--></div>
       <div class="feature"><!--特征部分-->
           <div class="feature_top">
            <button>云商店</button>
            <button>进销存</button>
            <button>高米v1</button>
           </div>
       </div>
       <div class="help"><!--帮助部分--></div>       
       <div class="contact"><!--联系部分-->
           <div class="contact_left">     
           <h1>留下您的电话，我们第一时间联系您</h1>
           <form action=" " method="POST">
               <ul>
                   <li>
                       <input type="text" placeholder="姓名" name="name" id="1">
                       <input type="text" placeholder="电话号码" name="phone" id="2">
                   </li>
                   <li>
                       <input type="text" placeholder="邮箱" name="e-mial" id="3">
                   </li>
                   <li>
                    <textarea rows="20" cols=" 42.5" name="内容" placeholder="内容" ></textarea>
                   </li>
                   <li>
                    <input type="submit" name="提交" id="4" placeholder="提交">
                   </li>
               </ul>
               <span>温馨提示：可以在内容中填写您的店铺地址，在开通业务的地区，我们提供上门服务！</span>
           </form>
           <div class="contact_right">
               <img src=" " alt="">
           </div>
           </div>
       </div>
       <div class="apply"><!--试用部分-->
           <div class="apply_left">
               <span>轻松批，让批发更轻松！！！</span>
           </div>
           <div class="apply_right">
               <button>免费试用版本</button>
           </div>
       </div>
       <div class="footer"><!--尾部部分--></div>
</body>
</html>